﻿@model Pr0ject0.ViewModel.ApplicationViewModel

@{
    ViewBag.Title = "Apply";
}

<h2>Apply</h2>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend></legend>

        <h2>General Info</h2>

    <div id="container">
        <div id="left">
            <div class="editor-label">
                @Html.LabelFor(model => model.first)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.first)
                @Html.ValidationMessageFor(model => model.first)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.last)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.last)
                @Html.ValidationMessageFor(model => model.last)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.middle)
            </div>

            <div class="editor-field">
                @Html.EditorFor(model => model.middle)
                @Html.ValidationMessageFor(model => model.middle)
            </div>
        </div>

        <div id="middle">

            <div class="editor-label">
                @Html.LabelFor(model => model.address1)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.address1)
                @Html.ValidationMessageFor(model => model.address1)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.address2)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.address2)
                @Html.ValidationMessageFor(model => model.address2)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.city)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.city)
                @Html.ValidationMessageFor(model => model.city)
            </div>
        </div>

        <div id="right">
            <div class="editor-label">
                @Html.LabelFor(model => model.state)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.state)
                @Html.ValidationMessageFor(model => model.state)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.zip)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.zip)
                @Html.ValidationMessageFor(model => model.zip)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.phone)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.phone)
                @Html.ValidationMessageFor(model => model.phone)
            </div>
        </div>
    </div>

    <br />
        <h2>Hours Available</h2>
    <div id="container">
        <div id="left">
            <div class="editor-label">
                @Html.LabelFor(model => model.monStart)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.monStart)
                @Html.ValidationMessageFor(model => model.monStart)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.monEnd)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.monEnd)
                @Html.ValidationMessageFor(model => model.monEnd)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.tueStart)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.tueStart)
                @Html.ValidationMessageFor(model => model.tueStart)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.tueEnd)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.tueEnd)
                @Html.ValidationMessageFor(model => model.tueEnd)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.wedStart)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.wedStart)
                @Html.ValidationMessageFor(model => model.wedStart)
            </div>
        </div>

        <div id="middle">
            <div class="editor-label">
                @Html.LabelFor(model => model.wedEnd)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.wedEnd)
                @Html.ValidationMessageFor(model => model.wedEnd)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.thurStart)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.thurStart)
                @Html.ValidationMessageFor(model => model.thurStart)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.thurEnd)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.thurEnd)
                @Html.ValidationMessageFor(model => model.thurEnd)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.friStart)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.friStart)
                @Html.ValidationMessageFor(model => model.friStart)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.friEnd)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.friEnd)
                @Html.ValidationMessageFor(model => model.friEnd)
            </div>
        </div>

        <div id="right">
            <div class="editor-label">
                @Html.LabelFor(model => model.satStart)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.satStart)
                @Html.ValidationMessageFor(model => model.satStart)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.satEnd)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.satEnd)
                @Html.ValidationMessageFor(model => model.satEnd)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.sunStart)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.sunStart)
                @Html.ValidationMessageFor(model => model.sunStart)
            </div>

            <div class="editor-label">
                @Html.LabelFor(model => model.sunEnd)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.sunEnd)
                @Html.ValidationMessageFor(model => model.sunEnd)
            </div>
        </div>
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.desiresFullTime)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.desiresFullTime)
            @Html.ValidationMessageFor(model => model.desiresFullTime)
        </div>

        <br />
        <h2>Past Employer #1</h2>
        <div id="container">
            <div id="left">
                <div class="editor-label">
                    @Html.LabelFor(model => model.employer1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.employer1)
                    @Html.ValidationMessageFor(model => model.employer1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobAddress1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobAddress1)
                    @Html.ValidationMessageFor(model => model.jobAddress1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobCity1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobCity1)
                    @Html.ValidationMessageFor(model => model.jobCity1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobState1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobState1)
                    @Html.ValidationMessageFor(model => model.jobState1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobPhone1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobPhone1)
                    @Html.ValidationMessageFor(model => model.jobPhone1)
                </div>
            </div>

            <div id="middle">
                <div class="editor-label">
                    @Html.LabelFor(model => model.startDate1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startDate1)
                    @Html.ValidationMessageFor(model => model.startDate1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endDate1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endDate1)
                    @Html.ValidationMessageFor(model => model.endDate1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.startSalary1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startSalary1)
                    @Html.ValidationMessageFor(model => model.startSalary1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endSalary1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endSalary1)
                    @Html.ValidationMessageFor(model => model.endSalary1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.supervisor1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.supervisor1)
                    @Html.ValidationMessageFor(model => model.supervisor1)
                </div>
            </div>

            <div id="right">
                <div class="editor-label">
                    @Html.LabelFor(model => model.position1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.position1)
                    @Html.ValidationMessageFor(model => model.position1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.reason1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.reason1)
                    @Html.ValidationMessageFor(model => model.reason1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.responsibilities1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.responsibilities1)
                    @Html.ValidationMessageFor(model => model.responsibilities1)
                </div>
            </div>
        </div>

        <br />
        <h2>Past Employer #2</h2>
        <div id="container">
            <div id="left">
                <div class="editor-label">
                    @Html.LabelFor(model => model.employer2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.employer2)
                    @Html.ValidationMessageFor(model => model.employer2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobAddress2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobAddress2)
                    @Html.ValidationMessageFor(model => model.jobAddress2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobCity2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobCity2)
                    @Html.ValidationMessageFor(model => model.jobCity2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobState2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobState2)
                    @Html.ValidationMessageFor(model => model.jobState2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobPhone2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobPhone2)
                    @Html.ValidationMessageFor(model => model.jobPhone2)
                </div>
            </div>

            <div id="middle">
                <div class="editor-label">
                    @Html.LabelFor(model => model.startDate2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startDate2)
                    @Html.ValidationMessageFor(model => model.startDate2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endDate2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endDate2)
                    @Html.ValidationMessageFor(model => model.endDate2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.startSalary2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startSalary2)
                    @Html.ValidationMessageFor(model => model.startSalary2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endSalary2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endSalary2)
                    @Html.ValidationMessageFor(model => model.endSalary2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.supervisor2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.supervisor2)
                    @Html.ValidationMessageFor(model => model.supervisor2)
                </div>
            </div>

            <div id="right">
                <div class="editor-label">
                    @Html.LabelFor(model => model.position2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.position2)
                    @Html.ValidationMessageFor(model => model.position2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.reason2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.reason2)
                    @Html.ValidationMessageFor(model => model.reason2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.responsibilities2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.responsibilities2)
                    @Html.ValidationMessageFor(model => model.responsibilities2)
                </div>
            </div>
        </div>
        
        <br />
        <h2>Past Employer #3</h2>
        <div id="container">
            <div id="left">
                <div class="editor-label">
                    @Html.LabelFor(model => model.employer3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.employer3)
                    @Html.ValidationMessageFor(model => model.employer3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobAddress3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobAddress3)
                    @Html.ValidationMessageFor(model => model.jobAddress3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobCity3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobCity3)
                    @Html.ValidationMessageFor(model => model.jobCity3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobState3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobState3)
                    @Html.ValidationMessageFor(model => model.jobState3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.jobPhone3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.jobPhone3)
                    @Html.ValidationMessageFor(model => model.jobPhone3)
                </div>
            </div>

            <div id="middle">
                <div class="editor-label">
                    @Html.LabelFor(model => model.startDate3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startDate3)
                    @Html.ValidationMessageFor(model => model.startDate3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endDate3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endDate3)
                    @Html.ValidationMessageFor(model => model.endDate3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.startSalary3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startSalary3)
                    @Html.ValidationMessageFor(model => model.startSalary3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endSalary3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endSalary3)
                    @Html.ValidationMessageFor(model => model.endSalary3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.supervisor3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.supervisor3)
                    @Html.ValidationMessageFor(model => model.supervisor3)
                </div>
            </div>

            <div id="right">
                <div class="editor-label">
                    @Html.LabelFor(model => model.position3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.position3)
                    @Html.ValidationMessageFor(model => model.position3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.reason3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.reason3)
                    @Html.ValidationMessageFor(model => model.reason3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.responsibilities3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.responsibilities3)
                    @Html.ValidationMessageFor(model => model.responsibilities3)
                </div>
            </div>
        </div>

        <br />
        <h2>References</h2>

        <div id="container">
            <div id="left">
                <div class="editor-label">
                    @Html.LabelFor(model => model.refName1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refName1)
                    @Html.ValidationMessageFor(model => model.refName1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refCompany1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refCompany1)
                    @Html.ValidationMessageFor(model => model.refCompany1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refTitle1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refTitle1)
                    @Html.ValidationMessageFor(model => model.refTitle1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refPhone1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refPhone1)
                    @Html.ValidationMessageFor(model => model.refPhone1)
                </div>
            </div>

            <div id="middle">
                <div class="editor-label">
                    @Html.LabelFor(model => model.refName2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refName2)
                    @Html.ValidationMessageFor(model => model.refName2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refCompany2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refCompany2)
                    @Html.ValidationMessageFor(model => model.refCompany2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refTitle2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refTitle2)
                    @Html.ValidationMessageFor(model => model.refTitle2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refPhone2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refPhone2)
                    @Html.ValidationMessageFor(model => model.refPhone2)
                </div>
            </div>

            <div id="right">
                <div class="editor-label">
                    @Html.LabelFor(model => model.refName3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refName3)
                    @Html.ValidationMessageFor(model => model.refName3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refCompany3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refCompany3)
                    @Html.ValidationMessageFor(model => model.refCompany3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refTitle3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refTitle3)
                    @Html.ValidationMessageFor(model => model.refTitle3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.refPhone3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.refPhone3)
                    @Html.ValidationMessageFor(model => model.refPhone3)
                </div>
            </div>
        </div>

        <br />
        <h2>Education</h2>
        <div id="container">
            <div id="left">
                <div class="editor-label">
                    @Html.LabelFor(model => model.schoolName1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.schoolName1)
                    @Html.ValidationMessageFor(model => model.schoolName1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.major1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.major1)
                    @Html.ValidationMessageFor(model => model.major1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.startYear1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startYear1)
                    @Html.ValidationMessageFor(model => model.startYear1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endYear1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endYear1)
                    @Html.ValidationMessageFor(model => model.endYear1)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.isGraduate1)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.isGraduate1)
                    @Html.ValidationMessageFor(model => model.isGraduate1)
                </div>
            </div>

            <div id="middle">
                <div class="editor-label">
                    @Html.LabelFor(model => model.schoolName2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.schoolName2)
                    @Html.ValidationMessageFor(model => model.schoolName2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.major2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.major2)
                    @Html.ValidationMessageFor(model => model.major2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.startYear2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startYear2)
                    @Html.ValidationMessageFor(model => model.startYear2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endYear2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endYear2)
                    @Html.ValidationMessageFor(model => model.endYear2)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.isGraduate2)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.isGraduate2)
                    @Html.ValidationMessageFor(model => model.isGraduate2)
                </div>
            </div>

            <div id="right">
                <div class="editor-label">
                    @Html.LabelFor(model => model.schoolName3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.schoolName3)
                    @Html.ValidationMessageFor(model => model.schoolName3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.major3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.major3)
                    @Html.ValidationMessageFor(model => model.major3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.startYear3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.startYear3)
                    @Html.ValidationMessageFor(model => model.startYear3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.endYear3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.endYear3)
                    @Html.ValidationMessageFor(model => model.endYear3)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.isGraduate3)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.isGraduate3)
                    @Html.ValidationMessageFor(model => model.isGraduate3)
                </div>
            </div>
        </div>

        <br />
        <div>
            <input type="submit" value="Create" />
        </div>
    </fieldset>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
